<template>
    <div class="conss">
        <router-view></router-view>
        <div class="wiceng">
        <van-tabbar v-model="active" route inactive-color="#b2b2b2" active-color="#272636" >
            <van-tabbar-item icon="home-o"  to="/shouye">
            
              <i slot="icon" class="iconfont iconshouye icon"></i>
            </van-tabbar-item>

            <van-tabbar-item icon="search"  to="/shancheng">         
              <i slot="icon" class="iconfont iconShapes icon"></i>
            </van-tabbar-item>
            <div class="image" @click="$router.push('/fabu')">
                <img class="p" src="~@/assets/Shape.png" />
            </div>
            <!-- <van-image      
            :src="require('@/assets/Shape.png')"
            class="p"
            fit="fill"
          /> -->
            <van-tabbar-item icon="friends-o"  to="/gouwuche">
              <i slot="icon" class="iconfont iconShapesss icon"></i>
            </van-tabbar-item>

            <van-tabbar-item icon="setting-o"  to="/wode">        
              <i slot="icon" class="iconfont iconShapet icon"></i>
            </van-tabbar-item>
            
        </van-tabbar>
        </div>
    </div> 
</template>
<script>
export default {
  data() {
    return {
      active: 0
    }
  }
}
</script>

<style lang="less">
.conss{
  .van-tabbar{
    height: 98px;
  }
  .icon{
    font-size: 40px;
  }
  .p{
    position: relative;
    left: 0px;
    bottom:10px;
    // width: 122px;
    height: 123px;
    display: block;
    z-index: 999;
  }
  .wiceng{
    height: 98px;
  }
}

</style>
